/*
    ** @author: zhangwenming
    ** data: 2019-02-12
    ** description  德澜仕官方网站  首页专用样式
*/
/*begin! part banner 轮播图部分*/
.in_banner {
  width: 100%;
  height: 500px;
  overflow: hidden;
  z-index: 0;
}

.swiper-container {
  width: 100%;
  height: 500px;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  height: 100%;
  width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 24px;
}

.swiper-pagination {
  background-color: transparent;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 12px;
}

.swiper-pagination-bullet {
  width: 70px;
  height: 7px;
  display: inline-block;
  border-radius: 0;
  background: #fff;
  opacity: .5;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  position: relative;
}

/*切换推荐产品*/
.switch-product-btn{
  display: block;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  color: #333;
  margin: 0 auto;
  font-size: 18px;
  position: relative;
  box-shadow: 2px 3px #999;
}
.switch-product-btn>img{
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
/*客户服务*/
.service{
  margin-bottom: 40px;
}
.service-container{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.service-col{
  flex: 1;
  margin: 0 8px;
  height: 536px;
  background-position: center;
  background-size: cover;
}
.after-sale{
  background-image: url(../images/home/content_service_png1.jpg);
}
.after-sale{
  margin-left: 0;
}
.service-col.col-2{
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;

}
.col-2 .transport,
.col-2 .download{
  height:260px;
  flex:1;
}
.col-2 .transport{
  margin-bottom: 15px;
  background-image: url("../images/home/content_service_png2.jpg");
}
.download{
  background-image: url("../images/home/content_service_png3.jpg");
}
.common-problem{
  background-image: url("../images/home/content_service_png4.jpg");
}
.common-problem{
  margin-right: 0;
}
.service-link{
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(0,0,0,0.1);
}
.service-link:hover{
  /*background-color: rgba(0,0,0,0.618);*/
  background-color: rgba(0,95,192,0.85);
}
.service-icon{
  margin-bottom: 6px;
}
.news-center .sub_container{
  padding-bottom: 0;
}
/*begin! part 工程案例*/
.project-container{
  width: 100%;
}
.project_case{
  position: relative;
  text-align: center;
  height: 500px;
  background-image: url(../images/product/banner_png.png);
}
.a_projectcase{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-Productcontainer {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* margin-left: -385px; */
  overflow: hidden;
  padding: 30px 0;
}
.swiper-Productpagination.swiper-pagination-clickable.swiper-pagination-bullets{
  bottom: 16px;
}
.swiper-Productcontainer .swiper-Productpagination .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 3px 20px;
}
.swiper-Productcontainer .swiper_slide_img{
  height: 350px;
  width: 634px;
  position: relative;
}
.swiper-slide.swiper-slide-prev img,.swiper-slide.swiper-slide-next img{
  opacity: .6;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url("../images/content_left.png") no-repeat;
    top: 205px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background: url("../images/content_right.png") no-repeat;
  top: 205px;
}
.project-title{
  color: #fff;
  font-size: 20px;
  margin-top: 30px;
}
.hidden-div{
  width: 100%;
  margin-top: 28px;
}
.div-line{
  width: 50%;
  height: 1px;
  margin: 0 auto;
  background-color: #bfbdbd;
}
.hide-readmore{
  margin-top: 16px;
}
.hide-readmore span{
  font-size: 14px;
  font-weight: 500;
  font-family: "microsoft yahei";
  padding: 0 28px 0 0;
  background: url("../images/icon-go2.png") no-repeat center right;
}
.hidden-div{
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  opacity: 0;
}
.service-link:hover .hidden-div{
  opacity: 1;
}
/*end!*/

/*begin! 关于我们部分 */
.written-narrative{
  font-family: "microsoft yahei";
  font-size:20px;
  color: #3e3d3d;
  text-indent:40px;
  text-align: left;
}
.basic_list{

}
.basic_picture{
  margin: 60px 0 0;
}
.bp_left{
  width: 992px;
  max-width: 82.6%;
  height: 550px;
  padding: 4px 6px;
  border: 2px solid #c1c0c0;
  float: left;
  position: relative;
}
.picture_list {
  position:absolute;
  left:1%;
  top:1%;
  width:98%;
  height:98%;
  overflow:hidden;
}
.picture_list .hd {
  position: absolute;
  right: 16px;
  bottom: 4px;
  z-index: 1;
  overflow: hidden;
}
.picture_list .bd{
  width: 100%;
  height: 100%;
}
/*.picture_list .bd ul li{*/
/*height: 100%;*/
/*}*/
.picture_list img {
  width:100%;
  /*height:100%;*/
  z-index:0;
}
.picture_list .zz {
  width:100%;
  height:44px;
  font-size:16px;
  position:absolute;
  left:0;
  bottom:0px;
  background-color: rgba(001,001,001,0.6);
}
.picture_list p {
  line-height:44px;
  color:#fff;
  padding-left:18px;
  margin-left:18px;
  text-align: left;
}
.picture_list .hd ul li {
  width: 48px;
  height: 36px;
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  background-color: #03343f;
}
.picture_list .hd ul li.on { background:#4ad1c5; }
.bp_right {
  height: 550px;
  position: relative;
  width: 190px;
  float: right;
  padding: 44px 8px;
  background: #03343f;
  border-radius: 4px;
}
.bp_right a.prev {
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -0px;
  background: url(../images/bpnext.png) no-repeat center;
}
.bp_right a.next {
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  left: 0;
  top: -0px;
  background: url(../images/bpprev.png) no-repeat center;
}
.tempWrap {
  width: 100% !important;
  overflow: hidden;
  height: 100%;
}
.bp_right .bd ul li {
  border: 2px solid #787878;
  margin-bottom: 26px;
  height: 96px;
  width: 170px;
  border-radius: 3px;
}
.bp_right .bd ul li.on{
  border-color: #fff;
}
.bp_right .bd ul li img{
  width: 100%;
  height: 100%;
}
/*end! 关于我们部分 */

/*工程案例缩略图动画*/
 .swiper-Productcontainer .swiper-slide {
   -webkit-transition: transform 1.0s;
   -moz-transition: transform 1.0s;
   -ms-transition: transform 1.0s;
   -o-transition: transform 1.0s;
   -webkit-transform: scale(0.6);
   transform: scale(0.6);
 }
@media screen and (max-width: 668px) {
  .swiper-Productcontainer .swiper-slide {
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
  }
}
.swiper-Productcontainer .swiper-slide-active,.swiper-Productcontainer .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-Productcontainer .swiper-button-prev{
  left: 50%;
  margin-left: -370px;
}
.swiper-Productcontainer .swiper-button-next{
  right: 50%;
  margin-right: -388px;
}